<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
	<title>三等奖Ⅰ</title>
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/prize.css">
</head>
<body>
	<div class="prize">
		<div class="prize_type">三等奖</div>
		
		<div class="prize_con1"  class="main">
			<ul>

				<li>
					<div class="prizec_numl title">who</div>
				</li>

			</ul>
		</div>
	</div>
</body>
<script>
			var data=['丁宁','李妍','张均宝','李学兰','刘珂','孙会','谷雪','张天玥','王月','王立静'],
				data1=[],
				timer=null,
				flag=0;
			var rewardNum = 1;
			var rewardPerNum = 1;
			var fl = 100;
			
			//封装一个方法拿到 通过class拿到的标签 注意拿到的时候是个数组对象，记得最后[0]，取一下第一个对象
			function getByClass(clsName,parent){
				var oParent=parent?document.getElementById(parent):document,
					eles=[],
					elements=oParent.getElementsByTagName('*');

				for(var i=0;i<elements.length;i++){
					if(elements[i].className == clsName){
						eles.push(elements[i]);
					}
				}
				return eles;
			}
			
			//函数开始
			window.onload=function(){
				var oTitle=$(".title");

			//键盘事件 针对的是整个document
			document.onkeyup=fnkey;
			
			function fnplay(){
				//var that=this;//这里指的是begin这个按钮 这里暂时不考虑这个。
				//每个开始之前关闭一下定时器，不然每次按click的时候容易加快速度，以至于整个浏览器容易奔溃  
					clearInterval(timer);
					
					//定义一个定时器
					timer=setInterval(function(){
						//Math.random()拿到的是0-1之前的数字，去乘数组的长度 再取整数可以拿到想要的数组下标
						var random=Math.floor(Math.random()*data.length); //floor去取整
						//把拿到的数组的值写进去
						for(var i = 0;i < oTitle.length;i++){
							oTitle[i].innerHTML=data[random];
						}
					},50);
				}

				function fnstop(){

					 data1=['李妍'];
					 clearInterval(timer);
					 for(var i = 0;i < oTitle.length;i++){
						 oTitle[i].innerHTML=data1[i];
					 }
						
				}

				function fnstop2(){
			 
				     data1 = [];
					 for(var i=0;i<rewardPerNum;i++){
						 var random=Math.floor(Math.random()*data.length);
					       data1.push(data[random]);
						   data.splice(random,1);
					 }

					 clearInterval(timer);
					 for(var i = 0;i < oTitle.length;i++){
						 oTitle[i].innerHTML=data1[i];
					 }
						
				}
				
				function fnkey(event){

					if(data.length < 1){
						alert("奖抽没了,经理发红包吧");
						return;
					 }
					console.log(event.keyCode);
					event=event ||window.event;
					if(event.keyCode == 13 && fl>0){  //当按下回车键的时候
						//一开始是0的状态，我们改变。
						if(flag == 0 && fl>0){
							fnplay();
							//设置为1的状态，停止改变
							flag =1;
						}else{
							fnstop();
							flag=0;
							fl--;
						}
					}
					if(event.keyCode == 32 && fl>0){  //当按下回车键的时候
						//一开始是0的状态，我们改变。
						if(flag == 0 && fl>0){
							fnplay();
							//设置为1的状态，停止改变
							flag =1;
						}else{
							fnstop2();
							flag=0;
							fl--;
						}
					}
				}
			}
  </script>
</html>